<template>
    <div class="sponsor">
        <Top :titletext="out" :backpage="ao"></Top>
        

   <div class="demo">
    <router-link to="sponsor-enter">
        <div class="img"><img src="../../../images/IMG_jingxuanwenzhang_3.png" alt=""></div>
    </router-link>
        <div class="content">
            <h1>美丽的一天</h1>
            <div class="praise">
                <div> <img src="../../../images/icon_BANNER_2.png" alt=""></div><div>9天前</div>
            </div>
            <div class="praise">
                <div> <img src="../../../images/icon_BANNER_3.png" alt=""></div><div>3120</div>
            </div>
            <div class="praise">
                <div> <img src="../../../images/icon_BANNER_4.png" alt=""></div><div>30</div>
            </div>
            <div class="praise">
                <div> <img src="../../../images/icon_BANNER_6.png" alt=""></div><div>500</div>
            </div>
        </div>
   </div>
        <Bottomnav></Bottomnav>
    </div>
</template>
<script>
    import Top from "../../../components/top"
    import Bottomnav from "../../../components/bottomnav"
    export default {
    name:'sponsor',
    data(){
        return{
            out:"",
            ao:'find'
        }
    },
    components:{
        Bottomnav,
        Top
    }
    }
</script>

<style lang="less" scoped>
.sponsor{
      text-align: center;

}

.demo{
  position:absolute;
  width:714/75rem;
  height:338/75rem;
  // border:solid 1px black; 
  border-radius:16/75rem;
  box-shadow:0 0 20px #dfdfdf;
  background:#fff;
  top:168/75rem;
  left:0;
  right:0;
  margin: 0 auto;


  .img{
      float:left;
      margin:58/75rem 22/75rem;
      img{
      width:298/75rem;
      height:156/75rem;
        }
  }
  

  .content{
      width:370/75rem;
      height:156/75rem;
    //   background:red;
      float:left;
      margin-top:58/75rem;
      
      h1{
          font-size:34/75rem;
          text-align:left;
          font-weight:bold;
          padding-top:28/75rem;
          padding-bottom:72/75rem;
      }

      .praise{
        //   width:70/75rem;
        //   height:24/75rem;
          margin:0 10/75rem;
          float:left;


          div{
            float:left;
            font-size:18/75rem;    
            margin-right:8/75rem;
          }
      }
  }

}

</style>